import { Avatar, Flex } from "antd";
import type { Comment } from "../api/type/commentType";

export const CommentItem = (props:Comment)=>{
    return (
        <Flex gap={30}>
            <Avatar src={props.user.avatar}></Avatar>
            <Flex vertical gap={5}>
                <div>{props.user.nickname}</div>
                <div>发布于: {props.createdAt}</div>
                <pre>{props.content}</pre>
            </Flex>
        </Flex>
    )
}